<template>
    <div>
        <!-- 面包屑 -->
        <bread></bread>
        <!-- 表格 -->
        <v-list class="btn" @edit="edit" ></v-list>
        <!-- 弹窗 -->
        <v-dialog :info="info" @close="close" ref="dialog"></v-dialog>
    </div>
</template>

<script>
import vList from './list.vue'
import vDialog from './dialog.vue'
export default {
    data() {
        return {
            info:{
                isShow:false,
            }
        };
    },
    components: {
        vList,
        vDialog
    },
    methods:{
        // 编辑按钮
        edit(e){
            this.info.isShow = true
            this.$refs.dialog.lookup(e)
        },
        // 弹窗取消按钮，关闭弹窗
        close(){
            this.info.isShow = false
        }

    }
};
</script>

<style  lang="less" scoped>
.btn{
    margin: 10px 0 ;
}
</style>
